Zen Browser

20241225 的使用畫面:

優於 Fx

  1. 讓調整 Fx 介面重新變得容易
    1. 內建將介面全部自動隱藏,即裝即用,且有人全力維護及測試各環境最棒了
    2. 細部調整介面的 Mods
  2. 彈出視窗也可以完全隱藏標題列
  3. 統一的快捷鍵設定頁
  4. 內建 Split View

試用

20241219 全新 profile

  1. Landing Page 歡迎畫面:

    Calmer Internet

    1. 選自己主色
    2. 選亮暗
    3. 選 toolbar,我先選 collapsed
  2. 匯入其他瀏覽器資料竟然只有抓 Chromium 系的,沒有 Fx 系的。現在 Fx 系這麼不受重視了嗎?

  3. 不會自動偵測系統語言,但可自選

  4. 有什麼自動隱藏的嗎?

    1. 要額外裝才有?Sidebar Expand on Hover - Zen Mods okay 有了
    2. 真正的在這裡
  5. 分頁列預設右邊垂直,有原生 Fx 預覽小圖

  6. 網址列也是 focus 會放大的,類似 Arc 和 ShyFox。看來 Arc 影響很大!雖然中斷了

  7. 裝了 Fx 官方佈景主題,例如 Colour mosaic,但似乎只能影響網址列內的文字色彩了,介面都不受影響

  8. 裝一些官方 mod/theme

  9. Compact Mode 哪裡弄啊?不夠友善
    → 總算在設定頁面的 外觀與樣式主題設定 找到「緊湊」了
    不過我不會苛責,因為這瀏覽器原生的自動隱藏已太好了,比 ShyFox 效果更好

    • 在一般視窗、最大化、全螢幕都運作良好 ♥
  10. 也有自己全套的快捷鍵、分頁管理、Zen Mods 設定頁面,比 Fx 官方好

    • 不過技術支援、theme、擴充套件都還是吃 Fx 官方的就是了
  11. 同步了我的 Firefox 帳戶資料過來 [1],但設定選項及附加元件還不敢同步

  12. 好像居然沒有 ⌃⇥ 切換分頁?!?! 喔有了,跟 Fx 內建功能一樣

  13. 繼續裝幾個 Zen Mod 真的不錯用

  14. 【緊湊模式】但 pop-up 視窗的網址列還是一直顯示

    • lose focus 的時候它會不見
    • 20250122 也是照之前 Fx 的方式改 userChrome 完全隱藏了
  15. 第一次關 Fx 讓 Zen 單飛囉!(因為帳密、書籤、瀏覽紀錄這邊都有了)也設為預設瀏覽器好了免得其他 app 又開 Fx

  16. 目前覺得 Zen 的 app 圖示有點普通,可惜 🥹

裝 extension

  1. ~~適應性變色標題列~~似乎無效甚至會讓網址列變奇怪的顏色所以就先不要用
  2. [p] Stylus + 同步
  3. PopUp(這跟之前 Fx 用的不同)
  4. uBlock Origin

⭐️ fork Fx profile

= 正式使用

  1. 20241219 15:33 把該 profile 複製過來(有 5 G 多)並建立 fork

  2. 說是舊版的,無法啟動?

    $ /Applications/Zen\ Browser.app/Contents/MacOS/zen --allow-downgrade &
    

    就有開到這個 profile 了

    1. 開起來瀏覽狀態、開的視窗都跟 Fx 那邊一樣
    2. 會重跑一次 Zen 的迎賓,笑死,結果因為我的搜尋引擎清單太多,捲動不了也選不到下面的按鈕!→ 感謝 神,想說按一下 看看就 focus 到下面的按鈕了呼
  3. 對喔,這邊要把 ShyFox 弄掉才行不然會打架

    1. 先全部 toggle 掉
    2. 停用 Sidebery
    3. userChrome.css 裡註解掉 import ShyFox
      → 重開後大致就像樣了,再微調一些狀況
      1. 原分頁列的按鈕放到右下橫的小工具列上~♥
      2. 停用適應性標題列顏色
    4. [!] (我故意留著 userContent.css 不動是為了沿用 ShyFox 的 menu icon) 後來還是拿掉了
      • 也莫名其妙修好書籤列的高度了
  4. Firefox Sync 還跟 Fx 一模一樣,所以裝置名稱要改掉

  5. BetterTouchTool 控制字型變大變小的手勢怎麼沒用了

  6. 順便幫這個 profile 測一下 Speedometer 3,結果才 7.45 分?!

  7. 改用 Multiple Toolbar 而不用 Collapsed

    1. 書籤列的高度就正常了 #bug
  8. 奇怪,Themed Toolbar 沒用嗎?

    1. 開白天的新 profile 來測試一下
    2. 可以很方便地開不同的 profile 出來用,這是 Zen 的德政!♥
    3. 原來只能用在非緊湊模式
    4. 在測試過程中學會了 Zen 的漸層色彩主題
    5. 好了,在 Zen 裡面 Firefox theme 也是名存實亡了
  9. 重新啟用 Sidebery 試試

    1. 加裝這個 Sidebery - Zen Mods 以後,Zen 的左側分頁列會整個被隱藏
    2. 先暫時停用了,那個 mod 會讓 Sidebery 的右邊被遮掉,且好像不是 mod 本身,而是 Sidebery 本身會讓 Clean Urlbar 的精簡樣式失效!
  10. 20241220 目前有一個麻煩:瀏覽器工具箱也會因為「舊版瀏覽器」的關係而無法啟動!
    20241222 感謝 神解決了!

    • Fx 判斷 profile 相容性的依據是 compatibility.ini,一般的解決是 --allow-downgrade,但這招對瀏覽器工具箱沒有用
    • 一直搜尋網路都找不到方法 🫠
    • 後來研究不同 profile 有何不同時,偶然發現了 profile 裡有個資料夾 chrome_debugger_profile,怎麼 profile 裡又有 profile?後來仔細看,咦,不就是 Chrome Debugger?那就是瀏覽器工具箱啦,原來它也有自己的 profile,然後也會有 compatibility.ini,開來一看,它的版本資訊果然是 Fx 133,怪不得也會判定 Zen 1.0.2 就是舊版。把這個檔案隨便改名再執行一次瀏覽器工具箱,就好了!
  11. 順便看一下超奇怪的「重新啟動後會跑出 2012 Kamsa Jeongkuang 主題色彩」的問題

    1. 移掉該佈景主題沒有用
    2. 重設 automaticDark 選項沒有用
    3. 超怪的,是哪裡寫死了嗎?
    4. 稍後試了一下可能是 Firefox Color 所致 ∴把它停用了
  12. 嘗試讓 toolbar 套用 theme 色彩

    1. 開全新 profile 從頭試試
      • 因為昨天的新 profile 的 toolbar 是有套過 Colour Mosaic 的粉綠的,雖然後來被我亂試試掉了
    2. 預設狀況下直接裝 Colour Mosaic 主題,結果工具列是沒有底色的,看來我誤會了,對啦昨天本來也是這樣
    3. 那應該是 mod 的效果囉,哪個呢?
      1. 裝了 Cappucin mod,沒啥用
      2. 確認跟 Allow Toolbar Theming - Zen Mods 無關,它只能處理 sidebar
      3. 裝了 Floating toolbar - Zen Mods,floating 是白底,原生 toolbar 仍是灰底,跟周邊顏色一樣
      4. 知道了,原生 toolbar 吃的是 theme color,但這個 color 是 Zen 的原生底色或漸層色,Fx theme 對這部分可能是完全無法
      5. 可是我還是記得昨天有 floating toolbar 是 Colour Mosaic 的粉綠!
        再找了一下原來是這個!!!Matcha - Zen Mods
      • Matcha 有可能是只針對 Light/Dark 這兩個 Fx 內建 theme 處理

    所以結論:想讓 toolbar 有色彩

    • 要嘛是 floating 配 Matcha
    • 要嘛是不要 floating,這樣 Zen theme 漸層色就會套上去了

20241221 發現

  1. 無法播放 DRM 內容 ∴Spotify 不可用 🫠

20241223

- 後來研究不同 profile 有何不同時,偶然發現了 profile 裡有個資料夾 chrome_debugger_profile,怎麼 profile 裡又有 profile?後來仔細看,咦,不就是 Chrome Debugger?那就是瀏覽器工具箱啦,原來它也有自己的 profile,然後也會有 compatibility.ini,開來一看,它的版本資訊果然是 Fx 133,怪不得也會判定 Zen 1.0.2 就是舊版。把這個檔案隨便改名再執行一次瀏覽器工具箱,就好了!

20241224 今天第一次用 Workspace/工作區

20241225

20241226

20241227 光與暗的爭戰

  • Catppucin 的 Wikiwand theme 自動分辨明暗修好了~但我後來覺得我魔改的「Water」方式也不錯,所以就繼續用「魔改 Catppuccin Water + Desert + Dark Reader」囉

20241229:第一次真的用 Split View

20241230

20241231

20250102

20250103 今天開始來#抓方向鍵無反應的戰犯

抓方向鍵無反應的戰犯

  1. 參考之前 Fx 的做法,到 about:support 中備份目前啟用的擴充套件清單
    • 貼到 Excel 裡來與之前啟用的套件比對,標上一些之前沒收錄的
    • 在以前用過的 Notion 清單中註記好這次有啟用的套件
    • 增加好這次要追蹤的重新啟用順序欄、備註欄
  2. 開始動工了,先留 Stylus 其他都停用
    1. 主題變全黑了?
    2. 即使只啟用 1 個擴充套件這樣就已經不行了?😱
    3. 完全關閉 Zen 再重開來用用看,好像比較正常
    4. 但背景漸層色意外地完全還原了 😅
  3. 20250104 4:15 才重新啟用了 3、4 個擴充套件就搞不定了……連非常需要的 Dark Reader、閃耀拖曳都過不了關,有可能需要用新的 profile 試試了……
    1. 9:57 若只是 Dark Reader 的問題的話……
    2. 20:01 用之前的新 profile
      1. 裝了一個 仿的 Dark Reader(Lights Off - Free),結果馬上方向鍵就掛了
        → 停用以後馬上就好了
      2. 裝正牌 Dark Reader:倒是暫時還好
        → 不久後就出問題
      3. 重新啟動後是好的,一開 Dark Reader 設定視窗後馬上就壞了
    3. 主 profile 發生了 1 個視窗沒問題、1 個視窗有問題 ><
      1. 大概找到原因了:任何視窗只要開過工具列按鈕的小框(e.g. Dark Reader 的、Stylus 的……),那個視窗裡方向鍵/Tab 鍵就會失效
  4. 所以之後要試的是:
    1. 非 Compact Mode 的 Zen 會這樣嗎?
      1. 主 profile 不會
      2. 新 profile 不會
      3. 換用 Floating Toolbar + Compact Mode 也沒幫助

Twilight 1.6t

20250109

1.6b

20250112

20250113~14

20250117

分頁狀態跑掉以後要用 Session Boss 還原,這樣workspace 分頁會跑掉,所以想知道有無可以備份 workspace 的方法? - [Discord | Zen Browser 👋😊](https://discord.com/channels/1088172780480114748/1094923964465287260) 上對於各種 skin/theme/mod 的討論似乎很蓬勃,甚至還有專門開給 custom theme 的 [Zen Custom Themes](https://discord.com/channels/1320850992077471824/1320867368003567746),所以目前有看到: - [TheBigWazz/Pineapple-Fried: Customizations for Zen Browser](https://github.com/TheBigWazz/Pineapple-Fried) - [greeeen-dev/natsumi-browser: A userchrome for Zen Browser that makes things flow.](https://github.com/greeeen-dev/natsumi-browser/tree/main) - 先裝這個 userstyle 起來,讓很多網頁都變成透明的,可以呈現工作區漸層彩色 ♥ [Zen Browser Background Removal Theme — UserStyles.world](https://userstyles.world/style/20088/zen-browser-background-removal-theme) { #a637f6}

- 不想要套用的網域可以在 Stylus 裡設定排除

20250118 也弄了一個 HiddenToolbar,是書籤列自動隱藏

20250119

就算用 Session Boss 救回來也很麻煩,因為 workspace 不會被記錄、tab group 不會被記錄……都要重新設定

20250121 有時看到這個 profile 裡留有多年以來使用 Firefox 一些舊有擴充套件的設定檔就覺得有趣又哀悽,時代的眼淚……🥲

20250122

  • 有些熱鍵動作失效,原來只要取消勾選 Auto adapt to current keyboard layout 就好了!!!感謝 神
所以我又可以輕易用 `⌘L`(網址列)、`⌘=` `⌘-`(字型大小)這些動作了!🤩 - 閱讀/瀏覽網頁時隨時用拖曳手勢在背景搜尋相關資料、開啟分頁,這就是我多年發展下來的方便 Web surfing 習慣!

1.7.2b

20250123

20250124

20250125

1.7.4b

20250131 下午回家來更新。

Twilight 1.7.4t

20250203

20250204

Windows

20250203 在臺中家的 Windows 桌電上也裝

Bugs

  1. 無法播放 DRM 內容 ∴Spotify 不可用 🫠

    • 三不五時這樣真的會讓人有點無力(每次都要從 Session Boss 恢復回來,然後把分頁分別放回各 workspace,還有的釘選分頁會重複)
    • 20250123 把瀏覽器一般設定中開啟先前的視窗與分頁重新打開看看會不會減少發生
    • 20250202 到目前都比較沒發生了~
  2. [ ]

  • 更新到 1.7.2b 後工作區切換鈕跑到下面了 |24 #bug
    |200

- 【回報】Workspace switchers over vertical tabs misplaced after 1.7.2b · Issue #4540 · zen-browser/desktop
- 什麼~居然說不會修了~
- 所以垂直分頁列下方太多按鈕,我來把那幾個分頁相關(「5 小福」)的按鈕移到垂直分頁列上方
- 但移上去的按鈕又出問題!文字都跑出來了
- 移到 navbar 上也一樣
- 停用那些按鈕的擴充套件後再啟用可以修好
- 再次移到垂直分頁列頂端列也還是不行,按鈕會不見 → 停用再啟用可修好
- 史稱「按鈕之亂」……
- 有時候它們又會再自己出現在垂直分頁列頂端?!
- 重新把它們一一放上去,可以用
- 但重開 Zen 後又不見了 🫠 或是跑回到 navbar 上
- 切換到非 CM 後又可以跑到垂直分頁列頂?
- 超妙的,目前可以用的前提是:
1. 停用「5 小福」任何一個擴充套件再啟用 → 它們會跑回 navbar 上(也有可能 5 個都要逐一停用再啟用 🫠)
2. 按自訂工具列 → 它們會跑回垂直分頁列頂端
- 跟 Smaller CM 無關,但非 Smaller CM 時有可能自訂工具列介面會失常
- Discord 上的人說,從 Multiple Toolbar 切換成 Single 再切回來時,按鈕文字就會跑出來(確實如此)
- 我則發現按鈕文字都跑出來時,切到 CM 再切回來,有問題的按鈕就會回到選單中
6. [ ] Smaller Compact Mode 在約 1.7.1b、1.7.2b 以後有時無法立即生效,得重新啟動瀏覽器
- 20250131 今天 1.7.4b 好像又可以立即生效了
7. [ ] 自訂工具列介面常不靈光,navbar 都被擠到不見
- 開到 Compact Mode 反而可用?
8. [x] 1.7.4b:在垂直分頁列關閉分頁會導致捲動到頂端

- Closing tab at the bottom of the tabs list puts you back on the top even if the tab isn't selected. · Issue #4744 · zen-browser/desktop
- 說有修好了,開 Twilight(先從 1.7t 1/11 更新到 1.7.4t 1/30)試試,目前還沒 release 過來
- 1.7.4t 2/1 修好了

file:zen tag:#bug

自訂

Natsumi

20250117 開始用

  1. Sidebar tab 字型變小了
    • 有一個 natsumi.sidebar.disable-bigger-tab-label 設為 true,就會恢復 Custom Font Size mod 的設定了
  2. 覆蓋掉我的 container tab 漸層底色了,這樣 container tab 我覺得不夠明顯
    → 去改它的 width 為 100% 就行了
  3. translucent 的 urlbar、動畫真的很炫
  4. 「列出所有分頁」的按鈕回來了 ← 可以拿掉
  5. findbar 變很美 👍
  6. about:config 裡的參數都要自己加?
  7. 加入 natsumi.sidebar.enable-tab-groups 後,終於有可以用的 tab group 了~
    • .tab-group-label 字型(瀏覽器工具箱「樣式編輯器」的 live editing 還能直接儲存,真方便~)
    • 我也把 group border 改為 dashed
  8. PDF 介面真的變很美 ♥
  9. 20250118 macOS 上視窗、工具列背景確實都變半透明 translucent(前提是工作區自訂色彩對比度和材質度都要低,半透明感才明顯)
  10. sidebar(書籤等)及 tab 都有 glass effect,太棒了!
  • 用了 #Natsumi 以後,曾幾何時 URLBar 裡的結果又變成雙行了。還好官方有 natsumi.urlbar.force-nowrap 偏好設定可以用,太好了感謝 神!不用自己研究半天!
  1. 20250125 更新 2.4.0 讓 URLBar blur 回來
  • 我一直覺得 URLBar 的 blur 不見了,原來是因為 1.7.2b 以後 Natsumi 也要更新Discord
  1. config 裡的 --container-tabs-normal-gradient-width 似乎沒有用,好像是 natsumi-base.css 裡的 &[usercontextid] 段落 hard-coded 了,我從之前 1/18 就是直接改那裡 ^e11369
  2. 哇今天發現 Natsumi「網頁載入中」的 URLbar 美麗漸層動畫,甚至會整片出現在浮動 URLbar 的背景!!!太美了吧!(要錄下來才行)

2.5.0

20250131

  1. 一樣把我之前有 tweak 的存起來
  2. 以及把整套備份起來
  3. 用 Meld 審一下更新什麼
  4. 自己把 2.4.0 的 tab-groups.css 獨立成一包續用吧 ^4d84c2
    • 要用的是:
      • tab-groups.css
      • natsumi-groups.css
    • 然後在 userChrome.css 中引入 tab-groups.css ✅
  5. 新的 Natsumi Library 我看不出來
  6. 新的 Natsumi PiP 不錯

自訂

  1. container tab 漸層寬度
  1. config 裡的 --container-tabs-normal-gradient-width 似乎沒有用,好像是 natsumi-base.css 裡的 &[usercontextid] 段落 hard-coded 了,我從之前 1/18 就是直接改那裡
#bug-已修好 - 20250126 耶作者請我開 PR ♥ 2. 分頁群組的邊框顏色 3. 分頁群組的標題文字顏色,我不要 `--sidebar-text-color`,我要跟 Firefox 佈景主題一樣的 `--toolbar-text-color`

Bugs

file:"natsumi" tag:#bug

背景

視窗識別

除了 Crappy Firetitle 產生的視窗標題外進一步以 titlepreface 的值為基礎改造視窗!☀️

社群


  1. 我還重設了 Authy 的 2FA 驗證碼,因為整個要改用行動端了 ↩︎